<template>
  <div class="hello">
    <heardVue :cityVal="val"></heardVue>

    <swaperVue></swaperVue>

    <tabVue></tabVue>

    <p>热销推荐</p>

    <goListVue  v-for="(item,index) in json.data.recommendList" :key="index" :itDet="item" :idDet="item.id"></goListVue>

    <p>周末去哪儿</p>

    <goWhereVue></goWhereVue>
    
  </div>
</template>

<script>
import heardVue from "./home/components/heard.vue"
import swaperVue from "./home/components/swaper.vue";
import tabVue from "./home/components/tab.vue";
import goListVue from "./home/components/goList.vue"
import goWhereVue from "./home/components/goWhere.vue"
import json from '../../static/mock/index.json'
export default {
  name: "Hello",
  data() {
    return {
      json,
      val:""
    };
  },
  created(){
    this.val = this.$route.query.val
  },
  computed:{
  },
  components: {
    heardVue,
    swaperVue,
    tabVue,
    goListVue,
    goWhereVue
  },
};
</script>

<style scoped lang="scss">
.hello{
  p{
    font-size: 15px;
    margin: 10px;
  }
}
</style>
